$(function () {
    var currentPage = 1;//记录当前页面
    var pageSize = 5;//每页条数
    // 用户页数据动态渲染
    // 1.通过ajax去后台获取用户数据
    // 2.通过模板引擎把数据渲染到页面中
    // 我们对数据进行任何操作后,都需要重新渲染,直接把渲染数据的方法封装一下
    function render() {
         $.ajax({
           type: 'get',
             url: '/user/queryUser',
             data: {
                 pageSize:pageSize,//每页条数
                 page:currentPage//页码
           },
           dataType: 'json',
           success: function (res) {
               console.log(res);
            //    渲染
               $('tbody').html(template('tmp', res));
               setPage(res.total);

           }
         })
    }
    render();
    // 给动态生成的按钮,注册事件委托
    var id = null;//用户id
    var isDelete = null;//要进行的操作
    $('tbody').on('click','.btn-exec',function () {
        // id = $(this).parent().attr('data-id');
        id = $(this).parent().data('id');//data-id属性可以在jq中通过data('id')获取
        // 操作(禁用:0,启用1)
        isDelete = $(this).hasClass('btn-success') ? 1 : 0;
        console.log(id,isDelete);
    })
    $('.btn-ok').click(function () {
        $.ajax({
            type: 'post',
            url: '/user/updateUser',
            data: {
                id: id,
                isDelete: isDelete,
            },
            dataType: 'json',
            success: function (res) {
                console.log(res);
                // 隐藏模态框
                $('.modal-user').modal('hide');
                // 重新渲染
                render();
            }
        })
    })
// total表示数据库的数据总数
   function setPage(total) {
        // 使用分页插件来生成分页按钮
        // // 分页
    $("#paginator").bootstrapPaginator({
        bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
        currentPage: currentPage,//当前页,默认选择选中按钮高亮
        totalPages: Math.ceil(total/pageSize),// 指定分页按钮的个数
        onPageClicked: function (event, originalEvent, type, page) {
            //为按钮绑定点击事件 page:当前点击的按钮值
            console.log('page:',page);
            // 改变当前页取值
            currentPage = page;
            // 页面重新渲染
            render();
        }

    });

    }
})